
:root {
  max-width: 100%;
  //   background: '#FFFFFF',
  //   surface: '#FFFFFF',
  //   'surface-bright': '#FFFFFF',
  //   'surface-light': '#EEEEEE',
  //   'surface-variant': '#424242',
  //   'on-surface-variant': '#EEEEEE',
  //   primary: '#1867C0',
  //   'primary-darken-1': '#1F5592',
  //   secondary: '#48A9A6',
  //   'secondary-darken-1': '#018786',
  //   error: '#B00020',
  //   info: '#2196F3',
  //   success: '#4CAF50',
  //   warning: '#FB8C00',
}
/* 为所有滚动条设置样式 */
::-webkit-scrollbar {
  width: 5px; /* 设置滚动条的宽度 */
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 设置轨道的背景颜色 */
}
/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
  background: #d3d2d2;
  /*设置滑块的背景颜色*/
  border-radius: 10px;
}
/* 当鼠标悬停在滑块上 */
::-webkit-scrollbar-thumb:hover {
  background: #b6b5b5; /* 设置滑块在悬停状态下的背景颜色 */
}
HTML,
body,
#app {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
* {
  box-sizing: border-box;
}
